.chatbar {
	width: 150px;
	position: fixed;
	right: 5px;
	bottom: 5px;
	color: #FF7F50;
	text-align: center;
	cursor: pointer;
}

.messageTit{
	color: #969896;
	background: #fff;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 6px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 6px 0px;
	-webkit-tap-highlight-color: transparent;
}

.messageNow{
	color: #969896;
	display: none;
	background: #fff;
	border-radius: 5px;
	box-shadow:rgba(0, 0, 0, 0.298039) 0px 0px 6px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 6px 0px;
	-webkit-tap-highlight-color: transparent;
	-webkit-animation-name: shake_box;
	-ms-animation-name: shake_box;
	animation-name: shake_box;
	-webkit-animation-duration: 1500ms;
	-ms-animation-duration: 1500ms;
	animation-duration: 1500ms;
	-webkit-animation-timing-function: ease-in-out;
	-ms-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0s;
	-ms-animation-delay: 0s;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
}

@keyframes shake_box {
	0% {
		transform: translate(0px, 0px) rotate(0deg)
	}
	70% {
		transform: translate(0px, 0px) rotate(0deg)
	}
	75% {
		transform: translate(1.5px, -2.5px) rotate(-5.5deg)
	}
	80% {
		transform: translate(-2.5px, 0.5px) rotate(5.5deg)
	}
	85%{
		transform: translate(0px, 0px) rotate(0deg)
	}
	90%{
		transform: translate(1.5px, -2.5px) rotate(-5.5deg)
	}
	95%{
		transform: translate(-2.5px, 0.5px) rotate(5.5deg)
	}
	100%{
		transform: translate(0px, 0px) rotate(0deg)
	}
}

@-ms-keyframes shake_box {
	0% {
		transform: translate(0px, 0px) rotate(0deg)
	}
	70% {
		transform: translate(0px, 0px) rotate(0deg)
	}
	75% {
		transform: translate(1.5px, -2.5px) rotate(-5.5deg)
	}
	80% {
		transform: translate(-2.5px, 0.5px) rotate(5.5deg)
	}
	85%{
		transform: translate(0px, 0px) rotate(0deg)
	}
	90%{
		transform: translate(1.5px, -2.5px) rotate(-5.5deg)
	}
	95%{
		transform: translate(-2.5px, 0.5px) rotate(5.5deg)
	}
	100%{
		transform: translate(0px, 0px) rotate(0deg)
	}
}

.chatbar :hover {
	background-color: #EDEDED;
}

.chatbar div {
	padding: 15px 0px;
}

.chatbox {
	display: none;
	position: fixed;
	right: 5px;
	bottom: 5px;
	width: 649px;
	height: 400px;
	background: #fff;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 6px 0px;
	-webkit-tap-highlight-color: transparent;
}

.contact {
	width: 179px;
	float: left;
	height: 100%;
	/*border-right: solid #F3F6F6 1px;*/
}

.chatwindow {
	width: 420px;
	float: left;
	height: 100%;
}

.contactsearch {
	position: relative;
	width: 100%;
	height: 40px;
	background-color: #23CCFE;
}

.contactsearch input {
	width: 90%;
	margin: 8px;
	margin-left: 0;
	line-height: 18px;
	border: 0 none;
}

.contactlist {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 350px;
	list-style: none;
	overflow-y: scroll;
	overflow-x: hidden;
}

.contactlist .one-item {
	position: relative;
	padding: 0;
	margin: 0;
	padding: 10px;
	width: 100%;
	height: 30px;
	list-style-type: none;
	color: #CCCCCC;
}

.contactlist .noread {
	position: absolute;
	border-radius: 100%;
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	text-align: center;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	background-color: #ff3a00;
	font-size: 12px;
	line-height: 16px;
	color: white;
	width: 16px;
	height: 16px;
	bottom: 5px;
	left: 35px;
	display: none;
}

.contactlist .one-item:hover {
	background: #f3f6f6;
}

.chattitle {
	width: 100%;
	height: 40px;
}

.close {
	display: block;
	position: absolute;
	width: 2%;
	right: 12px;
	top: 12px;
}

.chat {
	width: 100%;
	height: 295px;
}

.chatcon {
	display: none;
	width: 100%;
	height: 295px;
}

.chatinput {
    margin-top: 14px;
	width: 100%;
	height: 50px;
	border:1px solid #F3F6F6;
	border-style: solid none none none;
}

.chatinput textarea{
	width:275px;
	box-sizing: border-box !important;
	-webkitbox-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	resize:none;
	border:1px solid #F3F6F6;
	border-style: none solid none none;
	outline:none
	padding:0 !import;
	margin: 0;
}

#inputconPre{
	position: absolute;
	overflow: hidden;
	z-index: 99;
	top: 0px;
	padding: 0 2px;
	width:275px;
	resize:none;
	border:1px solid #F3F6F6;
	border-style: none solid none none;
	outline:none;
	padding:0;
	margin: 0;
	box-sizing: border-box !important;
	-webkitbox-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	background-color: #fff;
}

#inputcon2 {
	height: 22px;
	margin: 10px;
	width: 68%;
}

#sentbtn,
#sentbtn2 {
	display: block;
	float: right;
	border: none;
	color: #fff;
	background: #004990;
	height: 50px;
	width: 70px;
	border-radius: 0 0 10% 0;
	-webkit-border-radius: 0 0 10% 0;
	-moz-border-radius: 0 0 10% 0;
}

#sentbtn:hover{
	opacity: 0.7;
	-webkit-opacity:0.7;
	-moz-opacity: 0.7;
}

.contselected {
	color: black !important;
	background: #f3f6f6;
}

#chattitlecon {
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	margin: 0;
	text-align: center;
	height: 40px;
	line-height: 40px;
	border-radius: 0 5px 0 0;
	font-size: 12px;
	background-color: #23CCFE;
}

.chatconlist {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 295px;
	position: relative;
	list-style: none;
	overflow-y: scroll;
	overflow-x: hidden;
}

.chatconlist li {
	position: relative;
	width: 100%;
	margin: 10px 0;
}

.myimg {
	float: right;
	width: 30px;
	height: 30px;
	background: #999;
	margin: 0 10px;
}

.myimgL {
	float: left;
	width: 30px;
	height: 30px;
	background: #999;
	margin: 0 10px;
}

.myconpopL {
	float: left;
	background: aquamarine;
	padding: 10px;
	max-width: 50%;
	font-size: 13px;
}

.myconpop {
	float: right;
	background: #ADD8E6;
	padding: 10px;
	max-width: 50%;
	font-size: 13px;
}

.myconpopL,
.myconpop{
	word-break:break-all;
	word-wrap:break-word;
}

.clear {
	clear: both;
}

.emojiicon {
	position: absolute;
	display: block;
	width: 22px;
	height: 22px;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center bottom;
	cursor: pointer;
	overflow: hidden;
}
.emojiicon:hover{
	background-position: center top;
}
.emojiicon input{
	border:none !important;
	width:0 !important;
	height:0 !important;
	opacity: 0 !important;
	cursor: pointer !important;
}
.emoji0{
	right:88px;
	bottom: 25px;
	background-image: url(../img/emojiicon0.png);
}
.emoji1{
	right:88px;
	bottom: 2px;
	background-image: url(../img/emojiicon1.png);
}
.emoji2{
	right:119px;
	bottom: 25px;
	background-image: url(../img/emojiicon2.png);
}
.emoji3{
	right:119px;
	bottom: 2px;
	background-image: url(../img/emojiicon3.png);
}


.delete {
	display: none;
	position: absolute;
	width: 6%;
	top: 10px;
	right: 25px;
}

.contactsearch img {
	position: absolute;
	width: 10%;
	top: 10px;
	right: 15px;
}

.speakManR {
	text-align: right;
	font-size: 12px;
	padding: : 0px 10px 5px 10px;
}

.speakManL {
	text-align: left;
	font-size: 12px;
	padding: 0px 10px 5px 10px;
}

.close,
#search,
.emojiicon,
#sentbtn,
#sentbtn2,
.chatbartab {
	cursor: pointer !important;
}

.close:hover {
	box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 6px 0px;
}

.contactlist li {
	cursor: pointer;
}

::-webkit-scrollbar {
	width: 6px;
}

::-webkit-scrollbar-track {
	background-color: #f3f6f6;
}

::-webkit-scrollbar-thumb {
	background-color: #A9A9A9;
}

::-webkit-scrollbar-thumb:hover {
	background-color: #ADD8E6
}

::-webkit-scrollbar-thumb:active {
	background-color: #ADD8E6
}

.myimg {
	float: right;
	width: 30px;
	height: 30px;
	margin: 0 10px;
}

.myimgL {
	float: left;
	width: 30px;
	height: 30px;
	margin: 0 10px;
}

.head-logo {
	float: left;
	width: 30px;
	height: 30px;
	background: #999;
	margin-right: 10px;
}

.head-logo,
.myimgL,
.myimg,
.myhead {
	background-image: url('');
	background-size: 100% 100%;
}

.myconpop,
.myconpopL {
	position: relative;
	border-radius: 6%;
}

.myconpop:after {
	left: 100%;
	position: absolute;
	top: 14px;
	border: 6px solid transparent;
	content: " ";
	border-left-width: 4px;
	border-left-color: #ADD8E6;
}

.myconpopL:after {
	right: 100%;
	position: absolute;
	top: 14px;
	border: 6px solid transparent;
	content: " ";
	border-right-width: 4px;
	border-right-color: aquamarine;
}

.myhead {
	width: 30px;
	height: 30px;
	margin: 10px;
	margin-bottom: 5px;
	border-radius: 50%;
}

.myname {
	width: 100%;
	font-size: 12px;
	text-align: center;
	margin-bottom: 30px;
}


/*群聊tab*/

.chatslectbar {
	width: 49px;
	height: 100%;
	float: left;
    border-radius: 5px 0 0 5px;
    background-color: #23CCFE;
}

.chatbartab {
	/*border-bottom: solid #fff 1px;
	border-top: solid #fff 1px;*/
	width: 20px;
	padding: 10px 15px 10px 14px;
}

.chatslectbar .on {
	/*border-bottom: solid #F3F6F6 1px;
	border-top: solid #F3F6F6 1px;
	border-right: solid #fff 1px;*/
	background-color: #fff;
}

#noticeList {
	height: 400px;
}

#noticeList li {
	height: auto;
	text-align: center;
	padding: 8px 0;
	margin: 0;
	border: 1px solid #F3F6F6;
	border-style: none none solid none;
}

.sectionname {
	position: relative;
	text-overflow: clip;
	height: 23px;
	overflow: hidden;
	padding: 5px 0px 5px 30px;
	color: black;
	font-size: 14px;
}

.sectionname .rightIcon {
	position: absolute;
	width: 11px;
	height: 6px;
	background-image: url(../img/icon-right2.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	top: 12px;
	left: 11px;
}

.sectionname .noreadOut {
	position: absolute;
	border-radius: 100%;
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	text-align: center;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	background-color: #ff3a00;
	font-size: 12px;
	line-height: 16px;
	color: white;
	width: 10px;
	height: 10px;
	top: 3px;
	left: 23px;
	display: none;
}

.sectionname .icon-close {
	background-position: bottom !important;
}

.sectionname .icon-open {
	background-position: top !important;
}

.orgbox {
	padding: 0;
	margin: 0;
}

.showStyle {
	display: block !important;
}

.orgbox {
	display: none;
}

.groupMess {
	position: fixed;
	z-index: 9999;
	width: 400px;
	height: 220px;
	background: #fff;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 31px 9px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 31px 9px;
	-webkit-tap-highlight-color: transparent;
	right: 5px;
	bottom: 5px;
	color: #FF7F50;
	text-align: left;
	padding: 15px;
	cursor: pointer;
	word-break: break-all;
	display: none;
	text-indent: 2em;
}

#close-chat2 {
	width: 10px;
}

#noticeList>li:hover {
	background: #f3f6f6;
}

#noticeList .activeLi {
	background: #f3f6f6;
}

.shakeing-shake {
	animation: twinkling 1s infinite ease-in-out;
	-moz-animation: twinkling 1s infinite ease-in-out;
	-webkit-animation: twinkling 1s infinite ease-in-out
}

@-webkit-keyframes twinkling {
	0% {
		opacity: 0.5;
		color: ##969896;
	}
	100% {
		opacity: 1;
		color: #509FD1;
	}
}

@keyframes twinkling {
	0% {
		opacity: 0.5;
		color: #969896;
	}
	100% {
		opacity: 1;
		color: #509FD1;
	}
}
.imgMes{
	width: 100px;
}
.smile-ul{
	display: none;
    z-index: 1;
    position: absolute;
    width: 280px;
    height: 194px;
    bottom: 42px;
    right: 20px;
    border-radius: 2px;
    background: #fff;
    box-sizing: border-box !important;
    -webkit-sizing: border-box !important;
    -moz-sizing: border-box !important;
    padding: 4px;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 4px 12px 0px;
    
    
}
.smile-ul li{
   list-style: none;
   cursor: pointer;
   display: inline-block;
   margin: 2px 3px 0 3px;
}
pre { 
	white-space: pre-wrap; /* css-3 */ 
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ 
	white-space: -pre-wrap; /* Opera 4-6 */ 
	white-space: -o-pre-wrap; /* Opera 7 */ 
	word-wrap: break-word; /* Internet Explorer 5.5+ */ 
}
.bigImgBox,
.callBox
{
	position: fixed;
	z-index:9999;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.3);
	overflow: hidden;
}
.bigImgBox img,
.callBox img{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	cursor:pointer;
}
.bigImgBox .img-choice,
.callBox .img-choice{
	position: fixed;
    z-index: 10000;
    width: 173px;
    height: 73px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    color: coral;
    background-color: white;
    border-radius: 10px;
    text-align: center;
    border: 1px solid #F3F6F6;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 6px 0px;
    -webkit-tap-highlight-color: transparent;
    padding-top: 6px;
}
.choice-button{
	border-radius: 3px;
    line-height: 30px;
    width: 53px;
    color: white;
    cursor: pointer;
}
.choice-button:hover{
	opacity: 0.7;
}
.choice-button-l{
	float:left;
	background-color: #93A4C6;
}
.choice-button-r{
	float:right;
	background-color: #F1F1F1;
}
.download0{
	margin: 0 3px 3px;
	width: 20px;
	height: 16px;
	display: inline-block;
	background-size: 100% 100%;
	vertical-align: middle;
	background-image:url('');
}
.download1{
	margin: 0 3px 3px;
	width: 16px;
	height: 16px;
	display: inline-block;
	background-size: 100% 100%;
	vertical-align: middle;
	background-image:url('');
}
.chatLogo0{
    width: 23px;
    height: 25px;
    margin:0 4px 2px 0;
	box-sizing: border-box !important;
    -webkit-sizing: border-box !important;
    -moz-sizing: border-box !important;
	display: inline-block;
	background-size: 100% 100%;
	vertical-align: middle;
	background-image:url('');
}
.chatLogo1{
	width: 23px;
    height: 25px;
    margin:0 4px 2px 0;
	box-sizing: border-box !important;
    -webkit-sizing: border-box !important;
    -moz-sizing: border-box !important;
	display: inline-block;
	background-size: 100% 100%;
	vertical-align: middle;
	background-image:url('');
}
.closeVideo{
	position: fixed;
	cursor: pointer;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	width: 25px;
	height: 25px;
	z-index:999999;
	background-size: 100% 100%;
	background-image:url('');
}
.closeVideo:hover{
	opacity: 0.7;
}
#videobox{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index:99999;
}
.chatinput:hover .callButtonBox{
	display: block;
}
.callButtonBox{
	display: none;
	width: 100px;
	height: 28px;
	position: absolute;
	top: -28px;
	left: 0;
	text-align: center;
}
.videoButton{
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	width: 21px;
    height: 17px;
	background-size: 100% 100%;
	margin-right: 10px;
	background-image:url('');
}
.voiceButton{
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 24px;
	background-size: 100% 100%;
	background-image:url('');
}
.phonecall{
	border-radius: 5px !important;
	text-align: center !important;
	background-color: wheat !important;
	position:fixed !important;
	right:0 !important;
	bottom:100px !important;
	top:auto !important;
	left:auto !important;
	width:25px !important;
	height:138px !important;
}
.closeVoice{
	position: relative !important;
	top:auto !important;
	left:auto !important;
}
.smallPhone{
	width: 25px;
	height: 25px;
	position: relative;
	background-size: 100% 100%;
	background-image:url('');
}
.callLoading{
    width: 80px;
    height: 40px;
    margin: 0 auto;
    margin-top:100px;
}
.callLoading span{
    display: inline-block;
    width: 8px;
    height: 100%;
    border-radius: 4px;
    background: lightgreen;
    -webkit-animation: load 1s ease infinite;
}
@-webkit-keyframes load{
    0%,100%{
        height: 40px;
        background: lightgreen;
    }
    50%{
        height: 70px;
        margin: -15px 0;
        background: lightblue;
    }
}
.callLoading span:nth-child(2){
    -webkit-animation-delay:0.2s;
}
.callLoading span:nth-child(3){
    -webkit-animation-delay:0.4s;
}
.callLoading span:nth-child(4){
    -webkit-animation-delay:0.6s;
}
.callLoading span:nth-child(5){
    -webkit-animation-delay:0.8s;
}
.choice-button-call {
	margin: 0 auto;
    background-color: #E04C55;
}
#video{
	width: 45%;
	display: inline-block;
	vertical-align: middle;
}
#serverBox{
	width: 45%;
	display: inline-block;
	vertical-align: middle;
	margin:20px;
	display: inline-block;
	vertical-align: middle;
    background: #fff;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 6px 0px;
    -moz-box-shadow:rgba(0, 0, 0, 0.298039) 0px 0px 6px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.298039) 0px 0px 6px 0px; 
    -webkit-tap-highlight-color: transparent;
    min-height: 460px;
}

#localVideo{
	width: 45%;
	display: inline-block;
	vertical-align: middle;
}
#chatBoxContent *{
	-moz-user-select: none;
	-webkit-user-select: none;
}

#inputconPre{
	-moz-user-select: initial !important;
	-webkit-user-select: initial !important;
}

.myconpop{
	-moz-user-select: initial !important;
	-webkit-user-select: initial !important;
}
body.stop-scrolling{height:100%;overflow:hidden}.sweet-overlay{background-color:black;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";background-color:rgba(0, 0, 0, 0.4);position:fixed;left:0;right:0;top:0;bottom:0;display:none;z-index:10000}.sweet-alert{background-color:white;font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;width:478px;padding:17px;border-radius:5px;text-align:center;position:fixed;left:50%;top:50%;margin-left:-256px;margin-top:-200px;overflow:hidden;display:none;z-index:99999}@media all and (max-width: 540px){.sweet-alert{width:auto;margin-left:0;margin-right:0;left:15px;right:15px}}.sweet-alert h2{color:#575757;font-size:30px;text-align:center;font-weight:600;text-transform:none;position:relative;margin:25px 0;padding:0;line-height:40px;display:block}.sweet-alert p{color:#797979;font-size:16px;text-align:center;font-weight:300;position:relative;text-align:inherit;float:none;margin:0;padding:0;line-height:normal}.sweet-alert fieldset{border:none;position:relative}.sweet-alert .sa-error-container{background-color:#f1f1f1;margin-left:-17px;margin-right:-17px;overflow:hidden;padding:0 10px;max-height:0;webkit-transition:padding 0.15s, max-height 0.15s;transition:padding 0.15s, max-height 0.15s}.sweet-alert .sa-error-container.show{padding:10px 0;max-height:100px;webkit-transition:padding 0.2s, max-height 0.2s;transition:padding 0.25s, max-height 0.25s}.sweet-alert .sa-error-container .icon{display:inline-block;width:24px;height:24px;border-radius:50%;background-color:#ea7d7d;color:white;line-height:24px;text-align:center;margin-right:3px}.sweet-alert .sa-error-container p{display:inline-block}.sweet-alert .sa-input-error{position:absolute;top:29px;right:26px;width:20px;height:20px;opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:all 0.1s;transition:all 0.1s}.sweet-alert .sa-input-error::after,.sweet-alert .sa-input-error::before{content:"";width:20px;height:6px;background-color:#f06e57;border-radius:3px;position:absolute;top:50%;margin-top:-4px;left:50%;margin-left:-9px}.sweet-alert .sa-input-error::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-input-error::after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-input-error.show{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.sweet-alert input{width:100%;box-sizing:border-box;border-radius:3px;border:1px solid #d7d7d7;height:43px;margin-top:10px;margin-bottom:17px;font-size:18px;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.06);padding:0 12px;display:none;-webkit-transition:all 0.3s;transition:all 0.3s}.sweet-alert input:focus{outline:none;box-shadow:0 0 3px #c4e6f5;border:1px solid #b4dbed}.sweet-alert input:focus::-moz-placeholder{transition:opacity 0.3s 0.03s ease;opacity:0.5}.sweet-alert input:focus:-ms-input-placeholder{transition:opacity 0.3s 0.03s ease;opacity:0.5}.sweet-alert input:focus::-webkit-input-placeholder{transition:opacity 0.3s 0.03s ease;opacity:0.5}.sweet-alert input::-moz-placeholder{color:#bdbdbd}.sweet-alert input::-ms-clear{display:none}.sweet-alert input:-ms-input-placeholder{color:#bdbdbd}.sweet-alert input::-webkit-input-placeholder{color:#bdbdbd}.sweet-alert.show-input input{display:block}.sweet-alert .sa-confirm-button-container{display:inline-block;position:relative}.sweet-alert .la-ball-fall{position:absolute;left:50%;top:50%;margin-left:-27px;margin-top:4px;opacity:0;visibility:hidden}.sweet-alert button{background-color:#8CD4F5;color:white;border:none;box-shadow:none;font-size:17px;font-weight:500;-webkit-border-radius:4px;border-radius:5px;padding:10px 32px;margin:26px 5px 0;cursor:pointer}.sweet-alert button:focus{outline:none;box-shadow:0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05)}.sweet-alert button:hover{background-color:#7ecff4}.sweet-alert button:active{background-color:#5dc2f1}.sweet-alert button.cancel{background-color:#C1C1C1}.sweet-alert button.cancel:hover{background-color:#b9b9b9}.sweet-alert button.cancel:active{background-color:#a8a8a8}.sweet-alert button.cancel:focus{box-shadow:rgba(197, 205, 211, 0.8) 0 0 2px, rgba(0, 0, 0, 0.0470588) 0 0 0 1px inset !important}.sweet-alert button[disabled]{opacity:0.6;cursor:default}.sweet-alert button.confirm[disabled]{color:transparent}.sweet-alert button.confirm[disabled] ~ .la-ball-fall{opacity:1;visibility:visible;transition-delay:0s}.sweet-alert button::-moz-focus-inner{border:0}.sweet-alert[data-has-cancel-button=false] button{box-shadow:none !important}.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false]{padding-bottom:40px}.sweet-alert .sa-icon{width:80px;height:80px;border:4px solid gray;-webkit-border-radius:40px;border-radius:40px;border-radius:50%;margin:20px auto;padding:0;position:relative;box-sizing:content-box}.sweet-alert .sa-icon.sa-error{border-color:#F27474}.sweet-alert .sa-icon.sa-error .sa-x-mark{position:relative;display:block}.sweet-alert .sa-icon.sa-error .sa-line{position:absolute;height:5px;width:47px;background-color:#F27474;display:block;top:37px;border-radius:2px}.sweet-alert .sa-icon.sa-error .sa-line.sa-left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.sweet-alert .sa-icon.sa-error .sa-line.sa-right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}.sweet-alert .sa-icon.sa-warning{border-color:#F8BB86}.sweet-alert .sa-icon.sa-warning .sa-body{position:absolute;width:5px;height:47px;left:50%;top:10px;-webkit-border-radius:2px;border-radius:2px;margin-left:-2px;background-color:#F8BB86}.sweet-alert .sa-icon.sa-warning .sa-dot{position:absolute;width:7px;height:7px;-webkit-border-radius:50%;border-radius:50%;margin-left:-3px;left:50%;bottom:10px;background-color:#F8BB86}.sweet-alert .sa-icon.sa-info{border-color:#C9DAE1}.sweet-alert .sa-icon.sa-info::before{content:"";position:absolute;width:5px;height:29px;left:50%;bottom:17px;border-radius:2px;margin-left:-2px;background-color:#C9DAE1}.sweet-alert .sa-icon.sa-info::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;margin-left:-3px;top:19px;background-color:#C9DAE1;left:50%}.sweet-alert .sa-icon.sa-success{border-color:#A5DC86}.sweet-alert .sa-icon.sa-success::after,.sweet-alert .sa-icon.sa-success::before{content:'';-webkit-border-radius:40px;border-radius:40px;border-radius:50%;position:absolute;width:60px;height:120px;background:white;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-icon.sa-success::before{-webkit-border-radius:120px 0 0 120px;border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.sweet-alert .sa-icon.sa-success::after{-webkit-border-radius:0 120px 120px 0;border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px}.sweet-alert .sa-icon.sa-success .sa-placeholder{width:80px;height:80px;border:4px solid rgba(165, 220, 134, 0.2);-webkit-border-radius:40px;border-radius:40px;border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.sweet-alert .sa-icon.sa-success .sa-fix{width:5px;height:90px;background-color:white;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-icon.sa-success .sa-line{height:5px;background-color:#A5DC86;display:block;border-radius:2px;position:absolute;z-index:2}.sweet-alert .sa-icon.sa-success .sa-line.sa-tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-icon.sa-success .sa-line.sa-long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-icon.sa-custom{background-size:contain;border-radius:0;border:none;background-position:center center;background-repeat:no-repeat}@-webkit-keyframes showSweetAlert{0%{transform:scale(0.7);-webkit-transform:scale(0.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(0.95);-webkit-transform:scale(0.95)}100%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes showSweetAlert{0%{transform:scale(0.7);-webkit-transform:scale(0.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(0.95);-webkit-transform:scale(0.95)}100%{transform:scale(1);-webkit-transform:scale(1)}}@-webkit-keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(0.5);-webkit-transform:scale(0.5)}}@keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(0.5);-webkit-transform:scale(0.5)}}@-webkit-keyframes slideFromTop{0%{top:0}100%{top:50%}}@keyframes slideFromTop{0%{top:0}100%{top:50%}}@-webkit-keyframes slideToTop{0%{top:50%}100%{top:0}}@keyframes slideToTop{0%{top:50%}100%{top:0}}@-webkit-keyframes slideFromBottom{0%{top:70%}100%{top:50%}}@keyframes slideFromBottom{0%{top:70%}100%{top:50%}}@-webkit-keyframes slideToBottom{0%{top:50%}100%{top:70%}}@keyframes slideToBottom{0%{top:50%}100%{top:70%}}.showSweetAlert[data-animation=pop]{-webkit-animation:showSweetAlert 0.3s;animation:showSweetAlert 0.3s}.showSweetAlert[data-animation=none]{-webkit-animation:none;animation:none}.showSweetAlert[data-animation=slide-from-top]{-webkit-animation:slideFromTop 0.3s;animation:slideFromTop 0.3s}.showSweetAlert[data-animation=slide-from-bottom]{-webkit-animation:slideFromBottom 0.3s;animation:slideFromBottom 0.3s}.hideSweetAlert[data-animation=pop]{-webkit-animation:hideSweetAlert 0.2s;animation:hideSweetAlert 0.2s}.hideSweetAlert[data-animation=none]{-webkit-animation:none;animation:none}.hideSweetAlert[data-animation=slide-from-top]{-webkit-animation:slideToTop 0.4s;animation:slideToTop 0.4s}.hideSweetAlert[data-animation=slide-from-bottom]{-webkit-animation:slideToBottom 0.3s;animation:slideToBottom 0.3s}@-webkit-keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@-webkit-keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@-webkit-keyframes rotatePlaceholder{0%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}100%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}100%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}.animateSuccessTip{-webkit-animation:animateSuccessTip 0.75s;animation:animateSuccessTip 0.75s}.animateSuccessLong{-webkit-animation:animateSuccessLong 0.75s;animation:animateSuccessLong 0.75s}.sa-icon.sa-success.animate::after{-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in}@-webkit-keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);-webkit-transform:rotateX(0deg);opacity:1}}@keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);-webkit-transform:rotateX(0deg);opacity:1}}.animateErrorIcon{-webkit-animation:animateErrorIcon 0.5s;animation:animateErrorIcon 0.5s}@-webkit-keyframes animateXMark{0%{transform:scale(0.4);-webkit-transform:scale(0.4);margin-top:26px;opacity:0}50%{transform:scale(0.4);-webkit-transform:scale(0.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}@keyframes animateXMark{0%{transform:scale(0.4);-webkit-transform:scale(0.4);margin-top:26px;opacity:0}50%{transform:scale(0.4);-webkit-transform:scale(0.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}.animateXMark{-webkit-animation:animateXMark 0.5s;animation:animateXMark 0.5s}@-webkit-keyframes pulseWarning{0%{border-color:#F8D486}100%{border-color:#F8BB86}}@keyframes pulseWarning{0%{border-color:#F8D486}100%{border-color:#F8BB86}}.pulseWarning{-webkit-animation:pulseWarning 0.75s infinite alternate;animation:pulseWarning 0.75s infinite alternate}@-webkit-keyframes pulseWarningIns{0%{background-color:#F8D486}100%{background-color:#F8BB86}}@keyframes pulseWarningIns{0%{background-color:#F8D486}100%{background-color:#F8BB86}}.pulseWarningIns{-webkit-animation:pulseWarningIns 0.75s infinite alternate;animation:pulseWarningIns 0.75s infinite alternate}@-webkit-keyframes rotate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes rotate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.sweet-alert .sa-icon.sa-error .sa-line.sa-left{-ms-transform:rotate(45deg) \9}.sweet-alert .sa-icon.sa-error .sa-line.sa-right{-ms-transform:rotate(-45deg) \9}.sweet-alert .sa-icon.sa-success{border-color:transparent\9}.sweet-alert .sa-icon.sa-success .sa-line.sa-tip{-ms-transform:rotate(45deg) \9}.sweet-alert .sa-icon.sa-success .sa-line.sa-long{-ms-transform:rotate(-45deg) \9}.la-ball-fall,.la-ball-fall > div{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.la-ball-fall{display:block;font-size:0;color:#fff}.la-ball-fall.la-dark{color:#333}.la-ball-fall > div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor}.la-ball-fall{width:54px;height:18px}.la-ball-fall > div{width:10px;height:10px;margin:4px;border-radius:100%;opacity:0;-webkit-animation:ball-fall 1s ease-in-out infinite;-moz-animation:ball-fall 1s ease-in-out infinite;-o-animation:ball-fall 1s ease-in-out infinite;animation:ball-fall 1s ease-in-out infinite}.la-ball-fall > div:nth-child(1){-webkit-animation-delay:-200ms;-moz-animation-delay:-200ms;-o-animation-delay:-200ms;animation-delay:-200ms}.la-ball-fall > div:nth-child(2){-webkit-animation-delay:-100ms;-moz-animation-delay:-100ms;-o-animation-delay:-100ms;animation-delay:-100ms}.la-ball-fall > div:nth-child(3){-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}.la-ball-fall.la-sm{width:26px;height:8px}.la-ball-fall.la-sm > div{width:4px;height:4px;margin:2px}.la-ball-fall.la-2x{width:108px;height:36px}.la-ball-fall.la-2x > div{width:20px;height:20px;margin:8px}.la-ball-fall.la-3x{width:162px;height:54px}.la-ball-fall.la-3x > div{width:30px;height:30px;margin:12px}@-webkit-keyframes ball-fall{0%{opacity:0;-webkit-transform:translateY(-145%);transform:translateY(-145%)}10%{opacity:0.5}20%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}80%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}90%{opacity:0.5}100%{opacity:0;-webkit-transform:translateY(145%);transform:translateY(145%)}}@-moz-keyframes ball-fall{0%{opacity:0;-moz-transform:translateY(-145%);transform:translateY(-145%)}10%{opacity:0.5}20%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}80%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}90%{opacity:0.5}100%{opacity:0;-moz-transform:translateY(145%);transform:translateY(145%)}}@-o-keyframes ball-fall{0%{opacity:0;-o-transform:translateY(-145%);transform:translateY(-145%)}10%{opacity:0.5}20%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}80%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}90%{opacity:0.5}100%{opacity:0;-o-transform:translateY(145%);transform:translateY(145%)}}@keyframes ball-fall{0%{opacity:0;-webkit-transform:translateY(-145%);-moz-transform:translateY(-145%);-o-transform:translateY(-145%);transform:translateY(-145%)}10%{opacity:0.5}20%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}80%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}90%{opacity:0.5}100%{opacity:0;-webkit-transform:translateY(145%);-moz-transform:translateY(145%);-o-transform:translateY(145%);transform:translateY(145%)}}

.spinner {
  width: 25px;
  height: 25px;
  display: inline-block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
  vertical-align: middle;
}
 
.double-bounce1, .double-bounce2 {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #67CF22;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.6;
  -webkit-animation: bounce 2.0s infinite ease-in-out;
  animation: bounce 2.0s infinite ease-in-out;
}
 
.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
 
@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}
 
@keyframes bounce {
  0%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

#chatBoxContent *{
	box-sizing: initial;
	-moz-box-sizing: initial;
	-webkit-box-sizing: initial;
}
